import { getToken, setToken, removeToken, setTimer } from '@/utils/auth'
import { login, getInfo, getUserInfo } from '@/api/user'
import { resetRouter } from '@/router'
export default {
  namespaced: true,
  state: {
    token: getToken(),
    userInfo: {}, // 方便数据的更新
    avater: null,
    name: '小明'
  },
  mutations: {
    // 存储token数据
    setToken(state, token) {
      state.token = token // 将数据存储至vuex
      setToken(token) // vuex和 缓存数据的同步
    },
    removeToken(state) {
      state.token = null // 清空vuex数据
      removeToken() // vuex和 缓存数据的同步
    },
    setUserInfo(state, result) { // 更新vuex中的用户信息
      state.userInfo = { ...result } // 同步更新，不直接赋值, 触发页面更新
    },
    delUserInfo(state) { // 清空vuex中的用户信息
      state.userInfo = {}
    }

  },
  actions: {
    async getLogin(context, data) { // 异步方法，请求数据
      const result = await login(data) // 调用接口
      // console.log('调用方法获取时间戳')
      setTimer()
      context.commit('setToken', result) // 调用同步方法，修改state数据
    },
    // 请求用户信息方法
    async getUserInfo(context, data) {
      // console.log('调用接口，请求用户信息')
      const result = await getInfo()
      const info = await getUserInfo(result.userId)
      context.commit('setUserInfo', { ...result, ...info }) // 调用同步方法进行更新
      return result // 返回结果
    },
    // 退出登录
    logout(context) {
      context.commit('removeToken') // 不仅仅删除了vuex中的 还删除了缓存中的
      context.commit('delUserInfo') // 删除用户信息
      resetRouter() // 重置路由
      context.commit('permission/setRoutes', [], { root: true })
      // 子模块调用子模块的action 可以 将 commit的第三个参数 设置成  { root: true } 就表示当前的context不是子模块了 而是父模块
    }
  }
}

